body{
    color: rgb(128,128,128);
    font-size: 14px;
    font-family: "MicrosoftYaHei Regular";
}
/*导航部分*/
#board-nav{
    border-bottom: 1px solid rgb(229,229,229);
}
/*内容部分*/
#board-olClassCtt{
    text-align: center;
}
.block-olClassCtt{
    width: 1200px;/*overflow: hidden;*//*border: 1px solid red;*/margin: auto;
}
.area-olNavRoute{
    text-align: left;padding-top: 15px;padding-bottom: 8px;color: rgb(51,51,51);
}
/*面包屑导航*/
.area-olNavRoute div{
    cursor: pointer;
    display: inline;
}
.area-olNavRoute div:hover{
    color: rgb(128,182,60);
}
.area-olNavRoute label{
    padding: 0 5px;
}
/*面包屑下方内容区域*/
.area-olBottomCtt{
    /*overflow: hidden;*/
    /*border: 1px solid red;*/
}
.area-olBottomCtt-l{
    float: left;width: 948px;/*border: 1px solid silver;*/
}

/*------------课程筛选条件选择---------------*/
.area-olBCttL-cond{
    border: 1px solid rgb(229,229,229);text-align: left;
}
.item-grade,.item-subject,.item-school{
    border-bottom: 1px dotted rgb(229,229,229);
    margin: 0 47px;
}
.item-school{
    padding-top: 15px;padding-bottom: 10px;
}
.item-grade span{
    display: table-cell;padding: 10px;
    cursor: pointer;
}
.item-subject span{
    display: table-cell;padding-right: 30px;
    cursor: pointer;
}
.item-grade span:hover,.item-grade label:hover,
.item-subject span:hover,.item-subject label:hover{
    color: rgb(128,180,56);
}
.item-grade h5,
.item-subject h5{
    display:table-cell;
    padding-right: 10px;
    font-weight: bold;
}
.item-grade label,
.item-subject label{
    padding: 14px;display: table-cell;
    font-weight: normal;cursor: pointer;
}
.item-subject label{
    padding-right: 25px;
}
.btn-selectSh{
    display: inline;
    border: 1px solid rgb(229,229,229);
    padding: 3px 5px;margin-left: 15px;
    cursor: pointer;
}
.item-school span{
    border: 1px dotted rgb(127,195,88);color: rgb(127,195,88);padding: 3px 5px;margin-left: 10px;
    cursor: default;
}
.btn-delSh{
    /*font-size: 18px;*/cursor: pointer;
}
.active-olBCttL{
    color: rgb(148,192,95);
}

/*---------排序区域--------------*/
.area-sort{
    background: rgb(245,245,245);
    text-align: left;
    height: 40px;
    margin-bottom: 15px;

    /*border: 1px solid black;*/
}
.area-sort div{
    float: left;
    padding: 9px 15px;
}
.item-sort{
    cursor: pointer;
    /*min-width: 104px;*/
    text-align: center;
    position: relative;
    /*border: 1px solid black;*/
}
.item-sort i{
    border-right: 1px solid rgb(190,190,190);
    position: absolute;right: -1px;top: 12px;height: 13px;
}
.item-sort:hover{
    color: rgb(125,181,54);
}
.active-sort{
    border: 1px solid rgb(190,190,190);
    background: white;
    border-top: 3px solid rgb(248,48,48);
    color: rgb(125,181,54);
    position: relative;
    top: -3px;
}
/*复选框*/
.btn-live,.btn-video{
    color: rgb(51,51,51);
    font-size: 14px;
}
.btn-live img,.btn-video img{
    padding-bottom: 4px;
    cursor: pointer;
}

/*----------介绍卡片区域----------*/
.area-olClassCtt{
    position: relative;left: -14px;width: 978px;
}
.item-astEle{
    position: relative;
    border: 1px solid #E5E5E5;
    /*display: table-cell;*/
    float: left;
    padding: 7px;
    cursor: pointer;
    width: 297px;
    /*height:180px;*/
    margin-bottom: 28px;

    margin-left: 14px;
    margin-right: 14px;

    text-align: left;
}
.item-astEle:hover .item-eleHd{
    color: #7EB637;
}
.item-astEle:hover{
    color: #7EB637;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 0 0 5px #888888;
}
.ph-person{
    overflow: hidden;
    height: 159px;
    width: 100%;
}
.item-eleTextI{
    padding-top: 13px!important;
}
.item-eleTextII{
    padding-top: 13px!important;
}
/*.item-eleHd{
    font-size: 16px!important;
}*/

/*------------右侧内容---------------*/
.area-olBottomCtt-r{
    float: right;width: 243px;
    background: rgb(245,245,245);
    padding-left: 8px;padding-right: 8px;
    padding-top: 29px;height: 1510px;
    position: relative;
}
.item-classTb-hd,.item-recommend-hd{
    position: relative;
    text-align: left;
    font-size: 18px;
    padding-left: 10px;
}
.item-recommend-hd{
    margin-top: 40px;margin-bottom: 20px;
}
.item-classTb-hd i,.item-recommend-hd i{
    border-left: 4px solid red;
    position: absolute;
    left: 0;top: 4px;
    height: 17px;
}

/*------------课程表---------------*/
.source-rCtt{
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    padding-top: 7px;
    padding-left: 0;
    list-style-type: none;
    background: #FFFFFF;
    /*height:375px;*/
    margin-top: 10px;
    overflow: auto;
    text-align: left;
}
.source-rCtt li{
    padding: 0 19px;
    margin: 0;
    cursor: pointer;
}
.source-rCtt li:hover .item-sucrHd{
    color: #7FB73A;
}
.item-sucrHd{
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 8px;
    color: #606060;
}
.item-sucrStatus{
    border-bottom: 1px solid #E5E5E5;
    color:#BDBDBD;font-size: 12px;
    padding-bottom: 6px;
}
.item-sucrStatus img{
    padding-bottom: 3px;
}

/*推荐课程的介绍卡片*/
.item-claEle{
    position: relative;
    border: 1px solid #E5E5E5;
    /*display: table-cell;*/
    float: left;
    padding: 7px;
    cursor: pointer;
    width: 227px;
    /*width: 297px;*/
    /*height:182px;*/
    margin-bottom: 20px;
    background: white;
    /*margin-left: 14px;
    margin-right: 14px;*/

    text-align: left;
}
.item-claEle:hover .item-eleHd{
    color: #7EB637;
}
.item-claEle:hover{
    color: #7EB637;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 0 0 5px #888888;
}
.ph-claPerson{
    overflow: hidden;
    height: 115px;
    width: 100%;
}
.item-eleTextI{
    padding-top: 13px!important;
}
.item-eleTextII{
    padding-top: 13px!important;
}
/**/
.area-flip{
    /*border: 1px solid red;*/display: table;width: 100%;
    height: 30px;cursor: pointer;border-radius: 3px;
}
.area-flip:hover{
    background: rgb(255,255,255);
}
.area-flip:active{
    background: rgb(240,234,234);
}
.area-flip span{
    display: table-cell;vertical-align: middle;
}
.up-flip{
    margin-bottom: 5px;

}
.sty-flipI{
    margin-top: 5px;
}
.sty-flipII{
    margin-top: 10px;
    height: 50px!important;
}

/*底部分页*/
#board-bottomPage{
    /*border: 1px solid red;*/
    padding-top: 15px;
    padding-bottom: 25px;
}
.item-bottomPage{
    cursor: default;
    /*border: 1px solid black;*/
    font-size: 15px;
}
.item-bottomPage li,.item-bottomPage label{
    display: inline;
    font-weight: normal;
}
.item-bottomPage a{
    /*border: 1px solid black;*/
    border-radius: 3px;
    padding: 5px 8px;
    color: rgb(125,125,125);
    text-decoration: none;
}
/*.item-bottomPage a:hover{
    !*color: rgb(162,178,129);*!
    background: rgb(245,245,245);
    !*text-decoration: underline;*!
}*/
.active-bottomPage,.item-bottomPage a:hover{
    background: rgb(127,181,57);
    color: white!important;
}

/*--------------模态框--------------*/
/*模态框-选择区域/年级*/
.item-area,.item-selectSh-grade{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 11px;
    margin-right: 11px;
}
.item-area span,.item-area label,
.item-selectSh-grade span,.item-selectSh-grade label{
    display: table-cell;
    /*border: 1px solid red;*/
    min-width: 60px;
}
.item-area span,
.item-selectSh-grade span{
    cursor: pointer;
}
.item-area span:hover,
.item-selectSh-grade span:hover,
.selSh-active{
    color: rgb(148,192,95);
}

/**/
.area-schAst{
    overflow: hidden;/*border: 1px solid red;*/
}
.item-schAst{
    width: 127px;border: 1px solid rgb(229,229,229);padding: 4px;margin: 10px;float: left;
    cursor: pointer;
}
.selSh-activeII{
    box-shadow: 0 0 3px rgba(127,181,57,1);
    /*box-shadow: 0 0 3px rgba(21,21,21,0.7);*/
}
.item-schAst img{
    width: 100%;
    max-height: 65px;
    overflow: hidden;
}
.item-schAst div{
    text-align: center;padding-top: 7px;
}